// 执行webpack --mode=development，将会打包
// 执行live-server，会在本地启动一个服务

const path = require('path');
const uglify = require('uglifyjs-webpack-plugin');
module.exports = {
  mode:"production",
  //入口文件的配置项
  entry: {
    entry: './src/entry.js',
    entry2: './src/entry1.js',
  },
  //出口文件的配置项
  output: {
    //输出的路径，用了Node语法
    path: path.resolve(__dirname, 'dist'),
    //输出的文件名称
    //具体的名称以入口文件配置项的键名决定
    filename: '[name].js'
  },
  //模块：例如解读CSS,图片如何转换，压缩
  module: {
    rules: [{
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
    }]
  },
  //插件，用于生产模版和各项功能
  plugins: [
    new uglify()
  ],
  //配置webpack开发服务功能
  devServer: {
    contentBase: path.resolve(__dirname, 'dist'),
    host: '192.168.82.41',
    compress: true,
    port: 9090
  } //  配置webpack服务
}